<!--<template>-->
<!--  <view-->
<!--    class="main-content pt-583px"-->
<!--    :style="{ backgroundImage: `url(${ossImg('others/2025OreoXEggyParty/ld_bg2.png')})`,}"-->
<!--  >-->
<!--    &lt;!&ndash;  规则及中奖记录   &ndash;&gt;-->
<!--    <view class="fixed-btn__group w-375px absolute top-108px right-8px flex justify-end mb-7px">-->
<!--      <image-->
<!--        class="w-44px h-51px"-->
<!--        :src="ossImg('others/2025OreoXEggyParty/rule_btn.png')"-->
<!--        @click.stop="onOpenDialog"-->
<!--      ></image>-->
<!--      <image-->
<!--        class="w-44px h-51px mt-8px"-->
<!--        :src="ossImg('others/2025OreoXEggyParty/record_btn.png')"-->
<!--        @click.stop="viewPrizeRecord"-->
<!--      ></image>-->
<!--    </view>-->
<!--    &lt;!&ndash;  按钮组  &ndash;&gt;-->
<!--    <view class="flex mb-15px">-->
<!--      <image-->
<!--        class="w-131px h-45px mr-30px"-->
<!--        :src="ossImg('others/2025OreoXEggyParty/ld_btn_2.png')"-->
<!--        @click.stop="handleScanCode"-->
<!--      ></image>-->
<!--      <image-->
<!--        class="w-131px h-45px"-->
<!--        :src="ossImg('others/2025OreoXEggyParty/ld_btn_1.png')"-->
<!--        @click.stop="goBuy"-->
<!--      ></image>-->
<!--    </view>-->
<!--    &lt;!&ndash;  Bottom Tips 2  &ndash;&gt;-->
<!--    <view class="text-line mb-8px">二维码无法识别？<text @click.stop="goToWriteOff">试试手动输入字符串</text></view>-->
<!--    &lt;!&ndash;  Bottom Tips 1  &ndash;&gt;-->
<!--    <view class="text-line mb-34px" @click="onCheck">-->
<!--      <image class="w-13px h-13px mt-2px" :src="ossImg(`others/2025OreoXEggyParty/${state.agree ? 'check' : 'uncheck'}.png`)" />-->
<!--      我已阅读并同意<text @click.stop="onOpenDialog('rule')">「活动规则」</text>-->
<!--      &lt;!&ndash; 和<text @click.stop="onOpenDialog('privacy')">隐私声明</text> &ndash;&gt;-->
<!--    </view>-->
<!--    &lt;!&ndash;  规则/隐私弹窗  &ndash;&gt;-->
<!--    <content-dialog-->
<!--      v-if="ruleModalVisible"-->
<!--      :modalType="modalType"-->
<!--      @close="ruleModalVisible = false"-->
<!--      @service="handleService"-->
<!--      @back="ruleModalVisible = false"-->
<!--    ></content-dialog>-->
<!--    &lt;!&ndash;  去购买弹窗  &ndash;&gt;-->
<!--    <go-buy-dialog-->
<!--      v-if="state.goBuyVisible"-->
<!--      @close="handleCloseGoBuyModal"-->
<!--      @offline="handleToOfflineStore"-->
<!--      @online="handleOpenTaobaoDialog"-->
<!--    ></go-buy-dialog>-->
<!--    &lt;!&ndash;  结果弹窗  &ndash;&gt;-->
<!--    <result-dialog-->
<!--      v-if="state.resultDialogVisible"-->
<!--      :result-code="state.resulCode"-->
<!--      @close="state.resultDialogVisible = false"-->
<!--    ></result-dialog>-->
<!--    &lt;!&ndash;  淘口令弹窗  &ndash;&gt;-->
<!--    <taobao-dialog-->
<!--      v-if="state.tbDialogVisible"-->
<!--      @close="state.tbDialogVisible = false"-->
<!--    ></taobao-dialog>-->
<!--    &lt;!&ndash;  联系客服不同方式  &ndash;&gt;-->
<!--    <van-action-sheet-->
<!--      :show="state.contactVisible"-->
<!--      :actions="actions"-->
<!--      cancel-text="取消"-->
<!--      @select="onAction"-->
<!--      @cancel="onActionCancel"-->
<!--    />-->
<!--    &lt;!&ndash;  门店列表  &ndash;&gt;-->
<!--    <store-modal-->
<!--      v-if="state.storeDialogVisible"-->
<!--      @close="state.storeDialogVisible = false"-->
<!--    ></store-modal>-->
<!--  </view>-->
<!--</template>-->

<!--<script setup>-->
<!--import { ref, onMounted, reactive, onBeforeMount } from "vue"-->
<!--import { generateSign2, ossImg, ObjectToQueryString, message } from "@/utils/utils";-->
<!--import { onHide, onLoad, onUnload, onShow } from "@dcloudio/uni-app";-->
<!--import { userLogin } from "@/services/utils";-->
<!--import { onShareAppMessage } from "@dcloudio/uni-app"-->
<!--import { QRCODE_BASE_URI, ShareConfig } from "./config";-->
<!--import GoBuyDialog from "./components/GoBuyDialog.vue";-->
<!--import ResultDialog from "./components/ResultDialog.vue";-->
<!--import ContentDialog from "./components/contentDialog.vue";-->
<!--import StoreModal from "@/campaign/pages/2025OreoXEggyParty/components/StoreModal.vue";-->
<!--import TaobaoDialog from "@/campaign/pages/2025OreoXEggyParty/components/TaobaoDialog.vue";-->

<!--const actions = [-->
<!--  { name: '4000880325', color: '#0f40de' },-->
<!--  { name: '联系客服', openType: 'contact' },-->
<!--]-->
<!--const locationInfo = ref({ latitude: "", longitude: "" });-->
<!--const emdlz = getApp().emdlz2-->
<!--const modalType = ref('rule') // privacy-->
<!--const ruleModalVisible = ref(false)-->
<!--const state = reactive({-->
<!--  loading: true,-->
<!--  goBuyVisible: false,-->
<!--  contactVisible: false,-->
<!--  resultDialogVisible: false,-->
<!--  storeDialogVisible: false,-->
<!--  tbDialogVisible: false,-->
<!--  resulCode: 0,-->
<!--  qrcodeUrl: '',-->
<!--  agree: uni.getStorageSync('CLOUD_SAMPLE_AGREE'),-->
<!--  needRetry: false-->
<!--})-->

<!--let enterTime = "";-->
<!--let outTime = "";-->
<!--let stayTime = "";-->

<!--onLoad((options) => {-->
<!--  if (options.q) state.qrcodeUrl = decodeURIComponent(decodeURIComponent(options.q))-->
<!--  getApp().accessLogAdd();-->
<!--  if (options.isList) {-->
<!--    setTimeout(() => {-->
<!--      state.storeDialogVisible = true-->
<!--    }, 50)-->
<!--  }-->
<!--})-->

<!--onShow(async () => {-->
<!--  // 用户进入时间-->
<!--  enterTime = new Date();-->

<!--  if (!getApp().globalData.user.phone) return-->

<!--  if (state.needRetry) {-->
<!--    setTimeout(() => {-->
<!--      if (state.qrcodeUrl) handleUrlCodeSubmit(state.qrcodeUrl)-->
<!--      state.needRetry = false-->
<!--    }, 100)-->
<!--  }-->
<!--})-->

<!--const afterPhoneValidate = () => {-->
<!--  return new Promise((resolve, reject) => {-->
<!--    const currentPage = getCurrentPages().at(-1)-->
<!--    if (currentPage.route !== 'campaign/pages/2025OreoXEggyParty/index' || state.loading) return-->

<!--    if (!getApp().globalData.user.phone) {-->
<!--      uni.navigateTo({ url: "/pages/vip/register?tag=scanCode" });-->
<!--      reject()-->
<!--    }-->

<!--    resolve()-->
<!--  })-->
<!--}-->

<!--onBeforeMount(() => {-->
<!--  uni.redirectTo({-->
<!--    url: '/campaign/pages/2025OreoXEggyParty/status?status=0'-->
<!--  })-->
<!--})-->

<!--onMounted(async () => {-->
<!--  state.loading = false-->
<!--  const started = new Date() > new Date('2025/04/20 00:00:00')-->
<!--  console.log('-&#45;&#45;started-&#45;&#45;', started)-->
<!--  if (!started) {-->
<!--    console.log('活动还没有开始')-->
<!--    setTimeout(() => {-->
<!--      uni.redirectTo({-->
<!--        url: '/campaign/pages/2025OreoXEggyParty/status?status=0'-->
<!--      })-->
<!--    }, 200)-->
<!--    return-->
<!--  }-->
<!--  const ended = new Date() > new Date('2026/04/01 00:00:00')-->
<!--  if (ended) {-->
<!--    // 活动已结束-->
<!--    setTimeout(() => {-->
<!--      uni.redirectTo({-->
<!--        url: '/campaign/pages/2025OreoXEggyParty/status?status=1'-->
<!--      })-->
<!--    }, 200)-->
<!--  }-->

<!--  await getApp().getUserInfo()-->

<!--  const currentPage = getCurrentPages().at(-1)-->
<!--  if (currentPage.route !== 'campaign/pages/2025OreoXEggyParty/index') return-->
<!--  // 是否登录注册-->
<!--  if (!getApp().globalData.user.phone) {-->
<!--    if (state.qrcodeUrl) state.needRetry = true-->
<!--    uni.navigateTo({ url: "/pages/vip/register?tag=scanCode" });-->
<!--    return;-->
<!--  }-->
<!--  setTimeout(() => {-->
<!--    if (state.qrcodeUrl) handleUrlCodeSubmit(state.qrcodeUrl)-->
<!--  }, 100)-->
<!--})-->

<!--const handleOpenTaobaoDialog = () => {-->
<!--  state.goBuyVisible = false-->
<!--  state.tbDialogVisible = true-->
<!--}-->

<!--const handleToOfflineStore = () => {-->
<!--  state.goBuyVisible = false-->
<!--  setTimeout(() => {-->
<!--    state.storeDialogVisible = true-->
<!--  }, 50)-->
<!--}-->
<!--const uploadStayTimeEvent = (evt) => {-->
<!--  console.log('-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;stayTimeEvt', evt)-->
<!--  if (!enterTime) return-->
<!--  // 用户退出时间-->
<!--  outTime = new Date();-->
<!--  //停留时间(毫秒)-->
<!--  stayTime = (outTime?.getTime() - enterTime?.getTime()) / 1000;-->
<!--  console.log('&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;stayTime', stayTime)-->
<!--  emdlz('track','event','Oreo_eggy_landing_page','view','eggy_landing_page', stayTime);-->
<!--}-->

<!--onUnload(() => uploadStayTimeEvent('onBeforeMount'))-->
<!--onHide(() => uploadStayTimeEvent('hide'))-->

<!--onShareAppMessage(() => ShareConfig())-->

<!--// 关闭去购买弹窗-->
<!--const handleCloseGoBuyModal = () => {-->
<!--  state.goBuyVisible = false-->
<!--}-->

<!--const onActionCancel = () => {-->
<!--  console.log(modalType.value)-->
<!--  if (modalType.value === 'rule') {-->
<!--    // 事件追踪-20-->
<!--    emdlz('track','event','Oreo_eggy_rules_page','click','cancel_cs','');-->
<!--  }-->
<!--  if (modalType.value === 'privacy') {-->
<!--    // 事件追踪-26-->
<!--    console.log('隐私取消')-->
<!--    emdlz('track','event','Oreo_eggy_policy_page','click','cancel_cs1','');-->
<!--  }-->
<!--  state.contactVisible = false-->
<!--}-->

<!--// 联系客服菜单点击-->
<!--const onAction = e => {-->
<!--  // 在线客服-->
<!--  if (e.detail.openType === 'contact') {-->
<!--    if (modalType.value === 'rule') {-->
<!--      // 事件追踪-19-->
<!--      emdlz('track','event','Oreo_eggy_rules_page','click','contect_cs','');-->
<!--    }-->
<!--    if (modalType.value === 'privacy') {-->
<!--      // 事件追踪-25-->
<!--      emdlz('track','event','Oreo_eggy_policy_page','click','contect_cs1','');-->
<!--    }-->
<!--    return-->
<!--  }-->
<!--  // 点击400电话-->
<!--  if (modalType.value === 'rule') {-->
<!--    // 事件追踪-18-->
<!--    emdlz('track','event','Oreo_eggy_rules_page','click','call_cs','');-->
<!--  }-->
<!--  if (modalType.value === 'privacy') {-->
<!--    // 事件追踪-24-->
<!--    emdlz('track','event','Oreo_eggy_policy_page','click','call_cs1','');-->
<!--  }-->
<!--  uni.makePhoneCall({-->
<!--    phoneNumber: actions?.[0]?.name //仅为示例-->
<!--  });-->
<!--}-->

<!--// 点击联系客服-->
<!--const handleService = () => {-->
<!--  if (modalType.value === 'rule') {-->
<!--    // 事件追踪-17-->
<!--    emdlz('track','event','Oreo_eggy_rules_page','click','click_cs','');-->
<!--  }-->
<!--  if (modalType.value === 'privacy') {-->
<!--    // 事件追踪-23-->
<!--    emdlz('track','event','Oreo_eggy_policy_page','click','click_cs1','');-->
<!--  }-->
<!--  state.contactVisible = true-->
<!--}-->

<!--// 点击勾选框-->
<!--const onCheck = () => {-->
<!--  state.agree = !state.agree-->
<!--  uni.setStorageSync('CLOUD_SAMPLE_AGREE', state.agree)-->
<!--  emdlz('track','event','Oreo_eggy_landing_page','click','agree_poliy_rules','');-->
<!--}-->

<!--// 点击中奖记录-->
<!--const viewPrizeRecord = async () => {-->
<!--  emdlz('track','event','Oreo_eggy_landing_page','click','prize_records','');-->
<!--  if (!state.agree) return message("请先同意相关协议!");-->
<!--  await afterPhoneValidate()-->
<!--  linkTo(`/campaign/pages/2025OreoXEggyParty/webview?${getWebviewSearchParams({})}&source=record`);-->
<!--}-->

<!--// 点击手动核销-->
<!--const goToWriteOff = () => {-->
<!--  emdlz('track','event','Oreo_eggy_landing_page','click','add_code','');-->
<!--  if (!state.agree) return message("请先同意相关协议!");-->
<!--  linkTo('/campaign/pages/2025OreoXEggyParty/verification')-->
<!--}-->

<!--const goBuy = () => {-->
<!--  emdlz('track','event','Oreo_eggy_landing_page','click','go_purchase','');-->
<!--  state.goBuyVisible = true-->
<!--}-->

<!--const onOpenDialog = t => {-->
<!--  modalType.value = typeof t === 'string' ? t : 'rule'-->
<!--  if (modalType.value === 'rule') {-->
<!--    if (typeof t === 'string') {-->
<!--      // 点击活动规则-->
<!--      emdlz('track','event','Oreo_eggy_landing_page','click','check_rules1','');-->
<!--    } else {-->
<!--      // 点击右上角活动规则-->
<!--      emdlz('track','event','Oreo_eggy_landing_page','click','check_rules','');-->
<!--    }-->
<!--  } else {-->
<!--    // 点击隐私声明-->
<!--    emdlz('track','event','Oreo_eggy_landing_page','click','view_policy','');-->
<!--  }-->
<!--  ruleModalVisible.value = true-->
<!--}-->

<!--const linkTo = url => uni.navigateTo({ url })-->

<!--// 生成兑奖H5需要参数-->
<!--const getWebviewSearchParams = (body) => ObjectToQueryString({-->
<!--  // 'accesstoken': uni.getStorageSync("TOKEN"),-->
<!--  'code': body.qrCode || '',-->
<!--  // 'openid': uni.getStorageSync("OPENID"),-->
<!--  // 'unionid': uni.getStorageSync("UNIONID"),-->
<!--  // 'memberid': body?.memberScore?.memberId || getApp().globalData?.user?.memberScore?.memberId || '',-->
<!--  // 'agree': 'true'-->
<!--})-->

<!--/**-->
<!-- * 一物一码校验-->
<!-- * @param url 完整奖品链接-->
<!-- * @returns {Promise<void>}-->
<!-- */-->
<!--const handleUrlCodeSubmit = (url) => {-->
<!--  uni.getLocation({-->
<!--    type: "gcj02",-->
<!--    success(res) {-->
<!--      locationInfo.value.latitude = res.latitude;-->
<!--      locationInfo.value.longitude = res.longitude;-->
<!--    },-->
<!--    complete: async () => {-->
<!--      const body = {-->
<!--        userValue: uni.getStorageSync("OPENID"),-->
<!--        qrCode: url.split('/').at(-1),-->
<!--        source: "Q4",-->
<!--        timestamp: Date.parse(new Date()),-->
<!--        lng: locationInfo.value.longitude,-->
<!--        lat: locationInfo.value.latitude,-->
<!--      }-->
<!--      // 域名判断不对处理-->
<!--      const hostnameArr = QRCODE_BASE_URI.split('.')-->
<!--      hostnameArr.shift()-->
<!--      if (url.includes(hostnameArr.join('.')) && !url.includes(QRCODE_BASE_URI)) {-->
<!--        state.resulCode = 'err'-->
<!--        state.resultDialogVisible = true-->
<!--        return-->
<!--      }-->
<!--      // 没有获取到OPENID-->
<!--      if (!body.userValue) {-->
<!--        try {-->
<!--          await getApp().getUserLoginInfo()-->
<!--          const user = await getApp().getUserInfo()-->
<!--          linkTo(`/campaign/pages/2025OreoXEggyParty/webview?${getWebviewSearchParams({ ...body, ...user })}`);-->
<!--        } catch (e) {-->
<!--          uni.showToast({ title: '服务器响应错误', icon: 'none' })-->
<!--        }-->
<!--        return-->
<!--      }-->
<!--      uni.request({-->
<!--        url: `${QRCODE_BASE_URI}/zex-qr/api/qr/validation`,-->
<!--        method: "get",-->
<!--        data: {-->
<!--          ...body,-->
<!--          ...{ sign: generateSign2(body) },-->
<!--        },-->
<!--        success: (result) => {-->
<!--          // 码正确处理-->
<!--          if (result.data.code === 200) {-->
<!--            // 静默拿取微信用户的 openId 与 unionId 信息-->
<!--            uni.login({-->
<!--              provider: "weixin",-->
<!--              success: async (loginResult) => {-->
<!--                const loginParam = { type: 1, code: loginResult.code };-->
<!--                const { data } = await userLogin(loginParam);-->
<!--                uni.setStorageSync("TOKEN", data?.accessToken);-->
<!--                uni.setStorageSync("OPENID", data?.openId);-->
<!--                uni.setStorageSync("UNIONID", data?.unionId);-->
<!--                getApp().emdlz2("set", "user", "openid", data?.openId);-->
<!--                getApp().emdlz2("set", "user", "unionId", data?.unionId);-->
<!--                // 兑奖H5-->
<!--                linkTo(`/campaign/pages/2025OreoXEggyParty/webview?${getWebviewSearchParams(body)}`);-->
<!--              },-->
<!--            });-->
<!--            return-->
<!--          }-->
<!--          // 接口报错-->
<!--          if (!result?.data.code) return linkTo(`/campaign/pages/2025OreoXEggyParty/status?status=2`);-->
<!--          // 码错误处理-->
<!--          state.resulCode = result?.data?.code || 'err'-->
<!--          state.resultDialogVisible = true-->
<!--        },-->
<!--        fail: requestErr => {-->
<!--          uni.showToast({-->
<!--            title: requestErr.data.message,-->
<!--            icon: "none",-->
<!--            duration: 2000,-->
<!--          });-->
<!--        }-->
<!--      })-->
<!--    }-->
<!--  })-->
<!--}-->

<!--const handleScanCode = async () => {-->
<!--  emdlz('track','event','Oreo_eggy_landing_page','click','go_scan','');-->
<!--  if (!state.agree) return message("请先同意相关协议!");-->
<!--  await afterPhoneValidate()-->
<!--  uni.scanCode({-->
<!--    success: ({ result }) => handleUrlCodeSubmit(result)-->
<!--  })-->
<!--}-->

<!--const handleBackHome = () => {-->
<!--  getApp().emdlz2('track','event','oreo_cake_onepack_landing_page','click','back_universe_times','');-->
<!--  setTimeout(() => {-->
<!--    uni.switchTab({ url: "/pages/home/home" })-->
<!--  }, 300)-->
<!--}-->
<!--</script>-->

<!--<style lang="less" scoped>-->
<!--@import "@/static/css/theme.less";-->

<!--image {-->
<!--  display: block;-->
<!--}-->

<!--.main-content {-->
<!--  width: 100%;-->
<!--  min-height: 100vh;-->
<!--  background-color: #0CB2FD;-->
<!--  background-position: top left;-->
<!--  background-size: 375px 748px;-->
<!--  background-repeat: no-repeat;-->
<!--  display: flex;-->
<!--  flex-direction: column;-->
<!--  align-items: center;-->
<!--  box-sizing: border-box;-->
<!--}-->
<!--.fixed-btn__group {-->
<!--  flex-direction: column;-->
<!--  align-items: flex-end;-->
<!--  .fixed-btn {-->
<!--    display: flex;-->
<!--    flex-direction: column;-->
<!--    align-items: center;-->
<!--    justify-content: center;-->
<!--    text-align: center;-->
<!--    margin-bottom: 14px;-->
<!--    text {-->
<!--      color: white;-->
<!--      font-size: 9px;-->
<!--      margin-top: 3px;-->
<!--      line-height: 1;-->
<!--    }-->
<!--  }-->
<!--}-->
<!--.text-line {-->
<!--  color: #fff;-->
<!--  display: flex;-->
<!--  align-items: center;-->
<!--  font-size: 12px;-->
<!--  font-weight: 500;-->
<!--  line-height: 1;-->
<!--  & > image {-->
<!--    margin-right: 6px;-->
<!--  }-->
<!--  text {-->
<!--    text-decoration: underline;-->
<!--  }-->
<!--}-->
<!--</style>-->


<script setup>
import { ref, onMounted, reactive } from "vue"
import { ossImg } from "@/utils/utils"
import { onHide, onLoad, onUnload, onPullDownRefresh} from "@dcloudio/uni-app";
// import { ShareConfig } from "@/campaign/pages/2023airycake/config";

const statusCode = ref(0)
const emdlz = getApp().emdlz

let enterTime = "";
let outTime = "";
let stayTime = "";

onPullDownRefresh(() => {
  console.log("refresh");
});

onLoad((options) => {
  getApp().accessLogAdd();
  statusCode.value = +options.status
})

onMounted((option) => {
  // 用户进入时间
  enterTime = new Date();
  statusCode.value = 0;
  console.log('-----------stayTime', '初始化了！')
})

const uploadStayTimeEvent = (evt) => {
  console.log('---------stayTimeEvt', evt)
  if (!enterTime) return
  // 用户退出时间
  outTime = new Date();
  //停留时间(毫秒)
  stayTime = (outTime?.getTime() - enterTime?.getTime()) / 1000;
  console.log('----------stayTime', stayTime)

  switch (statusCode.value) {
    case 0:
      // 活动未开始
      // emdlz('track','event','Oreo_eggy_not_now_page','view','not_now_page', stayTime);
      emdlz('track','event','Oreo_eggy2025_landing_page','view','eggy2025_landing_page', stayTime);
      break;
    case 1:
      // 活动已结束
      emdlz('track','event','Oreo_eggy_end_page','view','end_page', stayTime);
      break;
    case 2:
      // 服务器繁忙
      emdlz('track','event','Oreo_eggy_crowded_page','view','croweded_page', stayTime);
      break;
  }
}

onUnload(() => uploadStayTimeEvent('onBeforeMount'))
onHide(() => uploadStayTimeEvent('hide'))

const handleBackHome = () => {
  switch (statusCode.value) {
    case 0:
      // 活动未开始
      // emdlz('track','event','Oreo_eggy_not_now_page','click','back_universe','');
      emdlz('track','event','Oreo_eggy2025_landing_page','click','back_home', '');
      break;
    case 1:
      // 活动已结束
      emdlz('track','event','Oreo_eggy_end_page','click','back_universe2','');
      break;
    case 2:
      // 服务器繁忙
      emdlz('track','event','Oreo_eggy_crowded_page','click','back_universe1','');
      break;
  }
  setTimeout(() => {
    uni.switchTab({ url: "/pages/home/home" })
  }, 100)
}
</script>

<template>
  <view
      class="main-content"
      :style="{ backgroundImage: `url(${ossImg(`others/2025OreoXEggyParty/status/${statusCode}.png`)})`,}"
  >
    <image
        class="w-231px h-34px"
        :src="ossImg('others/2025OreoXEggyParty/status/back_home.png')"
        @click.stop="handleBackHome"
    ></image>
  </view>
</template>

<style lang="less" scoped>
@import "@/static/css/theme.less";

.main-content {
  width: 100%;
  min-height: 748px;
  height: 100vh;
  overflow: hidden;
  background-color: #2960dd;
  background-position: top left;
  background-size: 375px 748px;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 405px;
  box-sizing: border-box;
}
.rule-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  &::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: -1;
  }
  .rule-modal__body {
    width: 295px;
    height: 70%;
    overflow: scroll;
    background-color: white;
    position: relative;
    border: 4px solid #D4201B;
    border-radius: 22px;
    display: flex;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    margin-top: -24px;
    .rule-text {
      height: 500px;
      padding-top: 58px;
      padding-bottom: 24px;
      box-sizing: border-box;
      image {
        margin: 0 auto;
        display: block;
      }
      .text-image {
        width: 248px;
        min-height: 2463px;
      }
      .service-btn {
        width: 171px;
        height: 42px;
        margin-top: 38px;
        background-color: #0F40DE;
      }
    }
  }
}
</style>
